<!-- eslint-disable vue/multi-word-component-names -->
<script setup lang="ts">
import Aside from '@/components/home/Aside.vue'
import Header from '@/components/home/Header.vue'
import HomeMain from '@/components/home/HomeMain.vue'
</script>

<template>
  <div class="layout_container">
    <el-container>
      <el-aside><Aside></Aside></el-aside>
      <el-container>
        <el-header><Header></Header></el-header>
        <el-main><HomeMain></HomeMain></el-main>
      </el-container>
    </el-container>
  </div>
</template>

<style scoped lang="scss">
.layout_container {
  width: 100%;
  height: 100vh;
  .el-aside {
    //侧边栏宽度自适应
    //display: inline-block;
    width: auto;
  }
}
</style>
